<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b>Reporte de inventarios</b></li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span8">  
            <form>
            <div class="row-fluid">                              
                <div class="span5">
                   <select  id="buscar-categoria" class="span12 search-cambiar" >                               
                                <option value="-1">Todas</option>
                                <?php foreach ($categorias as $categoria) { ?>                                                                  
                                    <option value="<?php echo $categoria->id_categoria_producto ?>"><?php echo $categoria->nombre ?></option>
                                <?php } ?>
                                                
                   </select>   
               </div> 
                <div class="span7">
                    <button type="button" class="btn btn-primary">Exportar</button>
                </div>
            </div>
            <div class="row-fluid hide">
                        <hr>
                <div class="span6 offset3">
                    <button type="button" id="btn-buscar" class="btn btn-inverse">Buscar</button>
                </div>
            </div>
            </form>
            <div class="row-fluid">
                    <table class="table table-striped">
                        <thead>
                            <tr>                               
                                <th>Categoria</th>
                                <th>Producto</th>
                                <th>Precio</th>
                                <th>Cantidad Actual</th>
                            </tr>
                        </thead>
                        <tbody id="lista-inventario" data-pagina="1">
                        </tbody>
                    </table>
             </div>
            <div class="row-fluid">
                    <div class="pagination pull-right" id="pagination">
                           <!--<ul>
                               <li class="active"><a href="#">1</a></li>
                               <li><a href="#">2</a></li>
                               <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                               <li><a href="#">Siguiente</a></li>
                           </ul> -->
                    </div>
                </div>
        </div>
        <div class="span4">
            <div class="row-fluid">
                <ul  class="span12 breadcrumb alingCenter">
                    <li><b>Anuncios</b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <div class="span12">
                   <img src="public/images/bannerGrande1.jpg" alt="">
                </div> 
            </div>
        </div>
    </div>  

</div>